#horse_preview {
    position: absolute;
    top: -110px;
    right: 0px;
    /*margin: -19px 9px 0px 0px;*/
}

#horse_preview > img {
    /*    width: 817px;
     height: 502px;*/
}

#horse_preview ul {
    position: absolute;
    z-index: 10;
    bottom: 130px;
    right: 130px;
}

#horse_preview ul li {
    float: left;
    cursor: pointer;
}

#horse_preview .color {
    width: 70px;
    height: 84px;
}

#horse_preview .color.active, #horse_preview .color:hover {
    background: url(../img/color_active.png);
}

#horse_preview .color:active{
    /*opacity:0.8;*/
    background: url(../img/color_click.png);
}

#selectHorse {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 468px;
    height: 459px;
    background: url(../img/selectHorse_bg.png);
}

#selectHorse ul {
    overflow: hidden;
    padding: 40px 0px 0px 30px;
}

#selectHorse ul li {
    position: relative;
    float: left;
    width: 136px;
    margin-right: 10px;
    margin-top: 20px;
    text-align: center;
    overflow: visible;
    cursor: pointer;
}

#selectHorse ul li.active .name{
    color:white;
}

#selectHorse ul li.first_tips {
    z-index: 21;
}

#selectHorse ul li .activeImg {
    position: absolute;
    top: -53px;
    left: -42px;
}

#selectHorse ul li .hoverImg {
    position: absolute;
    top: -13px;
    left: -13px;
    display: none;
}

#selectHorse ul li .name {
    font-family:"黑体";
    position: relative;
    z-index: 10;
    color: #96d1fa;
    font-size: 18px;
}

#selectHorse ul li .thumbnail {
    width: 136px;
    height: 136px;
}